<!DOCTYPE html>  
<html>  
<head>  
    <title>少爷加班时长</title>  
</head>  
<body>  
  
<h2>点击按钮发送POST请求到 192.168.28.224:10086/data</h2>  
  
<!-- 创建一个按钮，并给它一个ID以便在JavaScript中引用 -->  
<button id="sendRequestBtn">发送POST请求</button>  
  

  
<h2>选择文件并点击按钮发送到 192.168.28.224:10086/data</h2>  
  
<!-- 文件输入元素 -->  
<input type="file" id="fileInput">  
  
<!-- 发送按钮 -->  
<button id="sendRequestBtn_send">发送文件</button>  


<!-- 这里可以放置一些用于显示响应或其他信息的元素（可选） -->  
<p id="response"></p>  
  
<script>  
    // 获取按钮元素  
    var sendRequestBtn = document.getElementById('sendRequestBtn');  
  
    // 监听按钮的点击事件  
    sendRequestBtn.addEventListener('click', function() {  
        // 假设你需要在POST请求中发送一些数据  
        // 这里使用JSON作为示例，但注意你可能需要根据后端的要求来调整Content-Type  
        var data = {"pageNum":7,"pageSize":8,"searchExp":""};  
  
        // 使用Fetch API发送POST请求  
        fetch('http://192.168.28.224:10086/getPolicyFileListNew', {  
            method: 'POST', // 请求方法  
            headers: {  
                'Content-Type': 'application/json', // 设置请求头，这里假设后端期望接收JSON  
            },  
             body: JSON.stringify(data) // 将JavaScript对象转换为JSON字符串  
        })  
        .then(response => {  
            // 检查响应是否成功  
            if (!response.ok) {  
                throw new Error('Network response was not ok');  
            }  
            return response.text(); // 或者使用response.json()如果你期望得到JSON响应  
        })  
        .catch(error => {  
            // 处理请求过程中的错误  
            console.error('Error:', error);  
            document.getElementById('response').textContent = '发生错误: ' + error.message;  
        });  
    });  
    var sendRequestBtn_send = document.getElementById('sendRequestBtn_send');  
    var fileInput = document.getElementById('fileInput');  
  
    // 监听按钮的点击事件  
    sendRequestBtn_send.addEventListener('click', function() {  
        // 检查是否有文件被选中  
        if (fileInput.files.length === 0) {  
            alert('请先选择一个文件！');  
            return;  
        }  
  
        // 创建一个FormData对象并添加文件  
        var formData = new FormData();  
        formData.append('file', fileInput.files[0]); // 假设后端接收的字段名为'file'  
  
        // 使用Fetch API发送POST请求  
        fetch('http://192.168.28.224:10086/data_send', {  
            method: 'POST', // 请求方法  
            // 注意：不需要设置Content-Type，因为FormData会自动处理  
            body: formData // 使用FormData对象作为请求体  
        })  
        .then(response => {  
            // 检查响应是否成功  
            if (!response.ok) {  
                throw new Error('Network response was not ok');  
            }  
            // 如果服务器返回的是JSON，可以使用response.json()  
            return response.text(); // 假设服务器返回的是纯文本  
        })  
        .then(data => {  
            // 在这里处理响应数据  
            document.getElementById('response').textContent = '响应: ' + data;  
        })  
        .catch(error => {  
            // 处理请求过程中的错误  
            console.error('Error:', error);  
            document.getElementById('response').textContent = '发生错误: ' + error.message;  
        });  
    });  


</script>  
  
</body>  
</html>